<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出确认框始终位于窗口的中间位置的测试</title>
<style type="text/css">
 .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;  filter: alpha(opacity=50); display: none; z-index: 99; }
 .mess { position: absolute; display: none; width: 250px; height: 100px; border: 1px solid #ccc; background: #ececec; text-align: center; z-index: 101; }
 </style>
 <!-- <script type="text/javascript" src="jquery-1.6.1.min.js"></script> -->
<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/layer/layer.min.js"></script>
 <script>
 function lp() {
	/*  $.layer({
	    area : ['auto','auto'],
	    title : ['',false],
	    dialog:{msg:'信息框演示二'}
	}); */
	
	/* layer.confirm('信息框演示三',function(index){
	    LAYER.close(index);
	    layer.msg('信息框演示三');
	}); */

	/* var i = 0;
	$.layer({
	    dialog:{type:0,msg:'<a href="javascript:;" id="setface">点击我，试试变脸</a>'},
	    success : function(layer){
	        $('#setface').unbind('click').bind('click',function(){
	            var index = LAYER.getIndex(this);
	            i++;
	            layer.find('.xubox_msgico').removeClass('xubox_msgtype'+(i-1)).addClass('xubox_msgtype'+i);
	            i > 10 && LAYER.close(index);
	        });
	    },
	    end : function(){
	        i = 0;
	    }
	}); */

	 
	  /* $.layer({
		    fix : false,
		    move : ['',false],
		    shade : ['' , '' , false],
		    area : ['auto','auto'],
		    dialog:{msg:'这是一个既不能固定，又不能拖拽的层'}
		}); */
	
	//layer.alert("点赞成功",0);
	layer.msg("点赞成功",2,6);
	 
 }
 </script>
 </head>
 <body>
<input type="button" class="btn" value="弹出" onclick="lp()"/>
 </body>
 </html>
 
 

 